<template>
  <!-- <div>
    {{ title }}
  </div>
  <button @click="changeTitle">改变</button> -->
  <router-view></router-view>
</template>

<script>
import { ref } from "@vue/reactivity";
import useTitle from "./hooks/useTitle";
export default {
  setup() {
    const { title } = useTitle();
    const changeTitle = () => {
      title.value = "hello word";
    };
    return {
      title,
      changeTitle,
    };
  },
};
</script>

<style>
</style>